import { View, Text, Button, Image } from "@tarojs/components";

import './index.less'
import AutorBar from "@/components/AutorBar";
import Line from "@/components/Line";
import HistoryBar from "@/components/HistoryBar";
import TextBar from "@/components/TextBar";
// import DocChart from "@/components/DocChart";

const list = [
  { title: '我的收藏', icon: require('../../assets/collect.png') },
  { title: '借阅记录', icon: require('../../assets/read.png') },
  { title: '留言板', icon: require('../../assets/message.png') },
]

const bookList = require('../../data/books300000.json')

const User = () => {


  return (
    <View className="wrapper">
      <AutorBar></AutorBar>
      <Line></Line>
      {/* <DocChart></DocChart> */}
 
      <View className="title"> 最近阅读 </View>
      <HistoryBar bookList={bookList}></HistoryBar>
      <Line></Line>

      <View>
        {
          list.map((item, index) => <TextBar {...item}></TextBar>)
        }
      </View>
    </View>
  );
};

export default User;
